﻿* { margin: 0px; padding: 0px; }
html { height: 100%; width: 100%; }
body { height: auto !important; height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma; background-color: #ccc; }
.clear { clear: both; }

ul, ol, dl { list-style-type: none; }
h1 { color: #fff; font-size: 1.5em;  }
h2 { font-size: 1.4em; }

a { color: #267cb2; text-decoration: none; }
a:hover { color: #d52d00; }

.circle { list-style-type: circle; margin: 0.5em 2em; list-style-position: outside; }

button, 
input[type=button], 
input[type=submit], 
input[type=file] { padding: 0.1em 0.3em; font-size: inherit; cursor: pointer; }

fieldset { border: solid 1px #9cc; }
fieldset > legend { margin: 0 5px; padding: 0.2em 0.5em; background-color: #fff; }
fieldset > .content { padding: 0.5em; }

.toolbar { list-style-type: none; }
.toolbar li { display: inline-block; }

.message { padding: 0.5em 1em; background-color: #f6f6f6; display: block; }

.block { margin-bottom: 1em; }
.block > header { background-color: #fff; border-bottom: solid 1px #9cc; text-align: right; }
.block > header > * { display: inline-block; margin-right: 1em; }
.block > header > .toolbar { font-size: 0.95em;  }
.block > section { padding: 0.5em; }
.block > section > .toolbar { text-align: center; margin: 1em 0; }

table.form { width: 100%; }
table.form textarea, 
table.form select, 
table.form input[type=text], 
table.form input[type=password], 
table.form select,
table.form textarea { width: 100%; }
table.form textarea { height: 10em; }
table.form td:first-child { text-align: right; white-space: nowrap; vertical-align: top; }
table.form td:last-child { text-align: left; width: 100%; }
table.form td { position: relative; padding: 0.3em 0.5em; }

.page { height: 100%; width: 800px; margin: 0 auto; background-color: #fff; }
.page > header { clear: both; border: solid 1px #fff; background-color: #69c; padding: 1em 2em;  }
.page > header > * { display: inline-block; margin-right: 1em; }
.page > section { clear: both; color: #4c4c4c; padding: 1em; }

.tabContainer { padding: 0.3em; background-color: #69c; }
.tabHeaders { height: 2.2em; }
.tabHeaders > ul { font-size: 1em; list-style: none; }
.tabHeaders > ul > li { margin-left: 0.3em; padding: 0.5em 1em; display: block; float: left; background: #eee; font-weight: normal; }
.tabHeaders > ul > li > a { display: none; }
.tabHeaders > ul > li:hover,
.tabHeaders > ul > li.tabActiveHeader { background: #fff; cursor: pointer; font-weight: bold; }
.tabHeaders > ul > li.tabActiveHeader > a { display: inline-block; }
.tabPages > .tabPage { padding: 1em; background: #fff; margin: 0; }